<template>
  <div>
    <h1>{{val}}</h1>
    <hr>
    <!-- <Sync-child :title="val" @aaa="fun"></Sync-child> -->
    <Sync-child :abc.sync="val"></Sync-child>
    <!-- v-bind 的修饰符 .sync 可以实现参数的双向绑定 -->
  </div>
</template>

<script>
import SyncChild from '../components/SyncChild.vue'
export default {
    components:{
        SyncChild
    },
    data(){
        return{
            val:"我是父级的参数"
        }
    },
    methods:{
        fun(v){
            this.val = v;
        }
    }

}
</script>

<style>

</style>